<!--当前员工信息-->

<template>
  <div id="content">
    <div id="remark">
      <h1>当前员工基础信息</h1>
      <ul>
        <li><span>编号:  <input type="text" v-model="this.EditUser.wId"> </span></li>
        <li><span>账户:  <input type="text" v-model="this.EditUser.account"></span></li>
        <li><span>姓名:  <input type="text" v-model="this.EditUser.name"></span></li>
        <li><span>性别:  <input type="text" v-model="this.EditUser.sex"></span></li>
        <li><span>人员类型:  <input type="text" v-model="this.EditUser.roleName"></span></li>
        <li><span>电话:  <input type="text" v-model="this.EditUser.telPhone"></span></li>
        <li><span>qq号:  <input type="text" v-model="this.EditUser.qq"></span></li>
        <li><span>备注:  <input type="text" v-model="this.EditUser.remark"></span></li>
        <p style="font-family: 微软雅黑;font-weight: bold;font-size: 20px;color: #cccccc">
          eg:您是我们本网站的优秀员工,感谢您的努力工作</p>
        <el-button @click="EditEmployee">编辑当前员工</el-button>
      </ul>
    </div>
  </div>
</template>

<script>
import axios from "axios";

export default {
  name: "EmployeeEdit",
  data() {
    return {
      EditUser: {
        wId: '',
        account: '',
        name: '',
        sex: '',
        roleName: '',
        telPhone: '',
        qq: '',
        remark: ''
      }
    }
  },
  created() {
    this.user = JSON.parse(localStorage.getItem("user"));
    this.EditUser = this.user;
    axios.post('api/work/SinglesEmployee', this.EditUser, false).then((res) => {
      console.log("res",res.data);
      this.EditUser =res.data.data;
    })
    // console.log(this.EditUser)
  },
  methods: {
    EditEmployee() {
      console.log("编辑员工!")

    }
  }
}
</script>


<style scoped>
#content {
  margin: 20px;
  width: 1200px;
  height: 590px;
  border: 11px solid dodgerblue;
}

#remark {
  width: 600px;
  height: 40px;
  margin-left: 30px;
  line-height: 40px;
}

#remark ul li {
  font-family: 宋体;
  font-weight: bold;
  font-size: 20px;
}
</style>
